Skip to content

feat: Add RTL (Right-to-Left) support for RTL languages in UI/Web/Desktop#14261

Open
alefbt wants to merge 35 commits intoanomalyco:devfrom
alefbt:feature/rtl-detector
Open

feat: Add RTL (Right-to-Left) support for RTL languages in UI/Web/Desktop#14261
alefbt wants to merge 35 commits intoanomalyco:devfrom
alefbt:feature/rtl-detector

Conversation

@alefbt
Copy link

@alefbt alefbt commented Feb 19, 2026

Issue for this PR

Closes #14257 , #7170 , #10908, #6284, #10908, #9255

Type of change

  • Bug fix
  • New feature
  • Refactor / code improvement
  • Documentation

What does this PR do?

Please provide a description of the issue, the changes you made to fix it, and why they work. It is expected that you understand why your changes work and if you do not understand why at least say as much so a maintainer knows how much to value the PR.

If you paste a large clearly AI generated description here your PR may be IGNORED or CLOSED!

When Right-to-Left (RTL) support is missing in a React application, several visual and functional bugs occur:

  • Mirrored Layout: Elements appear on the wrong side of the screen (e.g., sidebars on the left instead of the right).
  • Text Alignment: Text remains left-aligned, making it difficult to read and breaking the visual hierarchy.
  • Symbols like period (.) in the begining visually instead in end.
  • Input Fields: The cursor and text entry start from the left side of the box instead of the right.

The solution:

  • Add dir="rtl" and align right after detecting RTL language to specific wrappers.

How did you verify your code works?

yes , see the screen shots

Screenshots / recordings

Before:

image

After:

image

If this is a UI change, please include a screenshot or recording.

Checklist

  • I have tested my changes locally
  • I have not included unrelated changes in this PR

If you do not follow this template your PR will be automatically rejected.

@alefbt alefbt requested a review from adamdotdevin as a code owner February 19, 2026 09:47
@alefbt alefbt changed the title feat(i18n): Add RTL (Right-to-Left) support for RTL languages in UI/Web/Desktop feat: Add RTL (Right-to-Left) support for RTL languages in UI/Web/Desktop Feb 19, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Feb 19, 2026

The following comment was made by an LLM, it may be inaccurate:

Potential Duplicate Found

PR #12023: feat(i18n): Add RTL support for Arabic language
#12023

Why it's related: This PR also addresses RTL (Right-to-Left) support implementation, specifically for Arabic language. The current PR (14261) appears to be a more comprehensive version that extends RTL support to multiple RTL languages in the UI/Web/Desktop components. Both PRs are tackling the same feature area of adding directional text support.

Note: The search returned PR #14261 itself (the current PR), which should be excluded from consideration.

@alefbt alefbt force-pushed the feature/rtl-detector branch from efdb8ef to 7d17167 Compare February 19, 2026 11:03
@alexyaroshuk
Copy link
Contributor

alexyaroshuk commented Feb 19, 2026

Seems that you have unrelated file changes. See bun.lock, package.json.

@alefbt
Copy link
Author

alefbt commented Feb 19, 2026 •
edited
Loading

Seems that you have unrelated file changes. See bun.lock, package.json.

sorry about that, i will fix

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@adamdotdevin adamdotdevin Awaiting requested review from adamdotdevin adamdotdevin is a code owner

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FEATURE]: Add RTL support in UI to Hebrew & Arabic